<template>
	<view>
		<view class="welcome-initial">
			<view class="welcome-initial-image">
				<image src="http://p1362.bvimg.com/10465/64a031f46da3bb66.jpg" mode=""></image>
			</view>
			<view class="welcome-initial-text">
				<view class="welcome-initial-text-top">
					欢迎您
				</view>
				<view class="welcome-initial-text-bottom">
					村里的事儿 村事宝来办
				</view>
			</view>
			<view class="welcome-initial-button">
				<button class="welcome-button" @click="gotoMainPage()">点击进入</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotoMainPage() {
				uni.switchTab({
					url:'../main_page/main_page'
				})
			}
		}
	}
</script>

<style>
	page {
		background: #f8f9f8;
	}

	.welcome-initial,
	.welcome-initial-text-top,
	.welcome-initial-text-bottom,
	.welcome-button {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.welcome-initial {
		margin-top: 220rpx;
	}

	.welcome-initial-text-top {
		margin-top: 46rpx;
		font-size: 50rpx;
	}

	.welcome-initial-text-bottom {
		margin-top: 18rpx;
		font-size: 24rpx;
	}

	.welcome-initial-image {
		width: 360rpx;
		height: 360rpx;
		border-radius: 300rpx;
		overflow: hidden;
	}

	.welcome-initial-image image {
		width: 100%;
		height: 100%;
	}

	.welcome-initial-button {
		width: 420rpx;
		height: 96rpx;
		border-radius: 50rpx;
		overflow: hidden;
		margin-top: 100rpx;

	}

	.welcome-button {
		width: 100%;
		height: 100%;
		background: rgba(161, 191, 86, 1);
		color: white;
		font-size: 34rpx;
		font-weight: bold;
	}
</style>
